<template>
  <div class="login">
      <div class="login-logo"><img src="../../assets/img/login-logo.png" alt="" srcset=""></div>
      <div class="login-text">欢迎回来</div>
      <div class="login-username com">
          <img src="../../assets/img/user.png" alt="" srcset="">
          <input type="text" placeholder="输入用户名/手机号">
      </div>
      <div class="login-password com">
          <img src="../../assets/img/lock.png" alt="" srcset="">
          <input type="password" placeholder="输入密码">
      </div>
      <div class="login-prompt">
          <span>没有账号 ？</span>
          <span>马上注册</span>
          <span>忘记密码</span>
      </div>
      <div class="login-entry">
          <input type="submit" value="登录">
      </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="scss">
.login{
    text-align: center;
    &-logo{
        display: inline-block;
        width: 250px;
        height: 250px;
        img{
            width: 100%;
            height:100%;
        }
    }
    &-text{
        font-size: 60px;
        color: #00b7ff;
        font-weight: 400;
    }
    // .com{
    //     display: flex;
    //     justify-content: center;
    //     width: 560px;
    //     border-bottom: 3px solid #d2d2d2;
    //     input{
    //         // display: block;
    //         width: 100%;
    //         border: none;
    //         outline: none;
    //     }
    //     img{

    //     }
    // }
    &-username{
        display: flex;
        justify-content: center;
        width: 560px;
        border-bottom: 3px solid #d2d2d2;
        input{
            width: 527px;
            outline: none;
            border: none;
        }
    }
    &-password{
        display: flex;
        justify-content: center;
        width: 560px;
        border-bottom: 3px solid #d2d2d2;   
        input{
            width: 527px;
            outline: none;
            border: none;
        }     
    }
    &-prompt{

    }
    &-entry{

    }
}
</style>
